@import "../../../styles/_commonColor.scss";

.home{
    .topExplain{
        min-height: 2rem;
        background: $white;
        .labeling{
            margin: .3rem .2rem .3rem .32rem;
            width: 1.4rem;
            height: 1.4rem;
            float: left;
            border-radius: .1rem;                       
        }
        .explainText{
            padding: .34rem .3rem .34rem 0;
            font-size: .26rem;
            color:$darkgray;
            padding-left: 1.9rem;;
            line-height: .44rem;
            .choiceImg{
                position: relative;
                padding-left: .4rem;
            }
            .sign{
                width: .25rem;
                height: .25rem;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
            }
        }
    }
    .conditionView{
        background:$white;
        padding: .2rem .3rem .2rem .3rem;
        
        .listBox{
            .conditionsText{
                font-size: .26rem;
                color: $darkgray;
            }
        }
    }

    .processBox{
       padding: .5rem .3rem .5rem .24rem;
       background: $white;
       .processItem{
            height: .34rem;
            line-height: .34rem;
            position: relative;
            &>img{
                width: .34rem;
                height: .34rem;
            }
            &>span{
                font-size: .34rem;
                color: $darkgray;
                line-height: .34rem;
                margin-left: .1rem;
                position: relative;
                bottom: .05rem;
            }
       }
       .processLine{
            margin-left: .17rem;
            position: relative;
            min-height: .42rem;
            border-left: 1PX solid $slidergreen;
            padding-left: 0;
            .notice{
                font-size: .26rem;
                color: $gray;
                padding-top: .2rem;
                margin-left: .5rem;
                padding-bottom: .2rem;
                text-align: justify;   
            }
       }
    }
    .btnBox{
        margin: 0 .3rem;
        background: $bodybg;
        position: relative;
        height: 1rem;
        line-height: 1rem;
        .subMit{
            height: .88rem;
            width: 100%;
            border: none;
            font-size: .32rem;
            outline: none;
            background: $slidergreen;
            color: #fff;
            border-radius: .05rem;
            position: absolute;
            z-index: 2;
         }
    }
    
}